<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>气度网 农业信息发布平台</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link type="text/css" rel="stylesheet" href="${ctx}/css/register.css">
		<script src="${ctx}/js/jquery-1.5.2.min.js"
			type="text/javascript"></script>
		<script src="${ctx}/js/register_form.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="container">
			<%@ include file="header.jsp"%>
			<div id="banner">
				<a href="${ctx}/index"><img
						src="${ctx}/image/index/register.gif" border="0" alt=" 气度网 - 气度如水 "  title=" 气度网 - 气度如水 ">
				</a>
			</div>
			<div class="divide">
				<div>
					<img src="${ctx}/image/index/divide_1.png">
				</div>
			</div>
			<div class="clear"></div>
			<!-- -->
			<div id="path">
				<div>
					<a href="${ctx}/index">气度首页 >> </a><a href="#"> 用户注册 > </a>
				</div>
			</div>
			<div class="clear"></div>
			<!-- 内容 -->
			<form action="${ctx}/user!register" method="post">
			<div id="body">
					<div class="registerform">
						<li class="line" onMouseOver="change_line(this)"
							onMouseOut="change_line_back(this)">
							<div>
								用户帐号:
								<input id="userName" name="userDTO.userName" class="registerinput" type="text"
									maxlength="16" value="" onFocus="note_show('name_note')"
									onBlur="note_hidden('name_note')" />
							</div>
							<div class="registerform_1">
								*
							</div>
							<div class="register_note" id="name_note">
								6-16个字符组成，使用字母、数字或下划线，用户名注册后不可更改
							</div>
						</li>
						<li class="line" onMouseOver="change_line(this)"
							onMouseOut="change_line_back(this)">
							<div>
								用户密码:
								<input id="password" class="registerinput" type="password" name="userDTO.password"
									maxlength="16" onFocus="note_show('password_node')"
									onBlur="note_hidden('password_node')" />
							</div>
							<div class="registerform_1">
								*
							</div>
							<div class="register_note" id="password_node">
								6-16个字符组成，使用字母、数字以及特殊字符，建议使用密码强度较高的密码
							</div>
						</li>
						<li class="line" onMouseOver="change_line(this)"
							onMouseOut="change_line_back(this)">
							<div>
								确认密码:
								<input class="registerinput" type="password" maxlength="16" name="confirmPwd"
									id="confirm" onFocus="note_show('confirm_node')"
									onBlur="note_hidden('confirm_node')" />
							</div>
							<div class="registerform_1">
								*
							</div>
							<div class="register_note" id="confirm_node">
								请再输入一次密码
							</div>
						</li>
						<li class="line" onMouseOver="change_line(this)"
							onMouseOut="change_line_back(this)">
							<div>
								移动电话:
								<input class="registerinput" type="text" maxlength="11" name="userDTO.mobileNo"
									id="mobileNo" onFocus="note_show('mobileNo_note')"
									onBlur="note_hidden('mobileNo_note')" />
							</div>
							<div class="registerform_1">
								*
							</div>
							<div class="register_note" id="mobileNo_note">
								手机号码为11位数字
							</div>
						</li>
						<li class="line" onMouseOver="change_line(this)"
							onMouseOut="change_line_back(this)">
							<div>
								电子邮箱:
								<input class="registerinput" type="text" maxlength="40" name="userDTO.email"
									id="email" onFocus="note_show('email_note')"
									onBlur="note_hidden('email_note')" />
							</div>
							<div class="registerform_1">
								*
							</div>
							<div class="register_note" id="email_note">
								电子邮件长度不超过40个字母，填写例子：a@a.com
							</div>
						</li>
						<li class="line" onMouseOver="change_line(this)"
							onMouseOut="change_line_back(this)">
							<div>
								用户类型:
								<select class="registerinput" id="category" name="userDTO.category"
									onFocus="note_show('category_note')"
									onBlur="note_hidden('category_note')">
									<option value="0">
										企业用户
									</option>
									<option value="1">
										校园用户
									</option>
								</select>
							</div>
							<div class="registerform_1">
								*
							</div>
							<div class="register_note" id="category_note">
								若您是某企业员工，则选择企业用户；若您是某高校的人员，则可选择校园用户
							</div>
						</li>
						<li class="line" onMouseOver="change_line(this)"
							onMouseOut="change_line_back(this)">
							<div>
								&nbsp;&nbsp;&nbsp;&nbsp;验证码:
								<input class="registerinput" type="text" maxlength="6"
									id="validateCode" name="validationCode"/>
							</div>
							<div id="validate_code">
								<img src="${ctx}/validate" height="30" alt="验证码">
							</div>
							<div class="registerform_1">
								<a href="${ctx}/register">看不清楚</a>
							</div>
						</li>
						<hr />
						<li>
							<div class="line">
								<div>
									<input type="submit" id="next" class="button_register" value="已经同意用户协议，注册"/>
								</div>
								<div>
									<button type="button" id="read_protocal" class="button_register" onClick= protocal_show('protocal_detail');>
										请阅读用户协议
									</button>
								</div>
							</div>
						</li>
					</div>
			</div>
			</form>
			<div>
				<pre id="protocal_detail">
				
				本协议只对需要使用本网站的人生效！
				本协议受中华人民共和国法律保护！
				请仔细阅读！
				协议完…… 谢谢～
				
				                                                                 气度网
				                                                2011-06-09
				</pre>
			</div>
			<div class="clear"></div>
			<!-- 尾部 -->
			<div id="footer">
				<!-- 一些链接 -->
				<div id="friendly_link">
					<li class="friendly_link"></li>
					<li class="friendly_link"></li>
				</div>
				<div class="clear"></div>
				<!-- 一些链接 -->
				<div id="web_info">
					<a class="friendly_link" href="#">气度网简介</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">营业执照</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">注册协议</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">法律声明</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">联系我们</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">便民服务</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">友情链接</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">使用帮助</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">广告服务</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">给我们留言</a>&nbsp;|&nbsp;
					<a class="friendly_link" href="#">导航地图</a>
				</div>
				<hr />
				<!-- 一些证件和信息 -->
				<div class="copyright">
					Email : allenlinrui@gmail.com | Tel : 18915583294 / 0571-89898989 |
					QQ : 67780691
				</div>
				<div class="copyright">
					Copyright © 2010-2011 中国科大软件学院软设专业Fine团队 版权所有
				</div>
				<div class="copyright">
					<img src="${ctx}/image/index/logo.gif" width="80px">
					苏ICP证：0000000号
				</div>
			</div>
		</div>
	</body>
</html>
